.header{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    align-content: center;
    padding-bottom: 0.5em;
    border-bottom:2px solid #1c91dd;
        .list,.search{
            color: #1c91dd;
            line-height: 2em;
            font-size: 1.2em;
            
        }
        .list{
            width: 15%;
            border-right:1px solid #bdbdbd;
            display: flex;
            justify-content: center;
            
            .glyphicon{
                line-height: 3em;
            }
        }
        .search{
            width: 15%;
            border-left:1px solid #bdbdbd;
            display: flex;
            justify-content: center;

            .glyphicon{
                line-height: 3em;
            }
        }
        .logo{
            width: 30%;
            
            img{
                width: 100%;
                height: 80%;
            }
        }
}
.footer{
    position: sticky;
    bottom: 0;
    left: 0;
    background-color:#f5f5f5;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    z-index: 10;
    .item{
      width: 25%;
      height: 100%;
      text-align: center;
      padding: 0.7em 0;
      color:#666666;
      span{
        display: block;
        font-size:1.2em;
        text-align: center;
      }
    }
    .item span:first-child{
      margin-bottom: 0.2em;
    }
  
    .item:hover{
      background-color: #1c91dd;
      color:#ffff;
    }
  }